<!--
 * 任务界面父路径
 * |-- div(#task-container) 总容器
 *   |-- div(.task-top-img) 顶端大图
 *   |-- router-view 子路由显示区域
-->
<template>
    <div id="task-container">
        <div class="task-top-img" :style="getBackground()"></div>
        <router-view/>
    </div>
</template>

<script>
export default {
    methods: {
        getBackground() {
			return {
				"background-image": "url(/img/top3.jpg)",
				"background-position": "center",
				"background-size": "cover"
			}
        }
    }
}
</script>

<style lang="scss">
@import "@task/scss/index.scss";
</style>